<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="index.css" type="text/css" rel="stylesheet">
    <meta name="viewport"
          content="minimal-ui=yes,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body style="background:rgb(23, 86, 146);">
<div id="divBody" style="background:rgb(23, 86, 146);">
    <div id="seckillContent">
        <div class="time_box">
            <div class="time_bar">
                <div class="ico ico_left nomore" id="nomore_left" style="opacity: 0;">
                    <img src="./img/nomore.png"/>
                    <p class="ico_ended"><font></font>没有更多了</p>
                </div>
                <div class="ico ico_right nomore" id="nomore_right" style="opacity: 1;">
                    <img src="./img/nomore.png"/>
                    <p class="ico_ended"><font></font>没有更多了</p>
                </div>
                <div data-module="ico">
                    <div class="ico ico_left" data-hour="0">
                        <img src="./img/hour0.png"/>
                        <p class="ico_ended"><font>0:00</font>已经结束</p>
                    </div>
                    <div class="ico ico_center" data-hour="0">
                        <img src="./img/hour0.png"/>
                        <p class="ico_end"><font>0:00</font>秒杀进行中</p>
                    </div>
                </div>
                <div data-module="point">
                    <div class="point_ico nav_left"></div>
                    <div class="point_ico on nav_center"></div>
                    <div class="point_ico nav_right"></div>
                </div>
            </div>
            <div class="countdown" data-module="countdown"
                 style="display:block;opacity:1;transform:translate3d(-100%,0px,0px)">
                <div class="time_ended" style="transform: translate3d(0%,0px,0px);">
                    <em>本场已结束</em>
                </div>
                <div class="time_end" style="transform:translate3d(100%,0px,0px)">
                    <em>距结束</em><span>152</span><font>:</font><span>49</span><font>:</font><span>30</span>
                </div>
            </div>
        </div>
        <!--产品列表-->
        <div class="product_list" data-module="product_list"
             style="height:1072px; transiton:all 1s ease;transform:translated(-100%,0px,0px);">
            <div class="time_sku" style="transform:translate3d(0%,0px,0px);">
                <ul>
                    <li>
                        <p class="pic">
                            <a href="http://m.baidu.com">
                                <img src="./img/1.jpg"/>
                            </a>
                        </p>
                        <p class="name">
                            <a href="http://m.benlai.com">兰州袁家湾百合165g(两头)</a>
                        </p>
                        <p class="oldprice">
                            ¥25.80
                        </p>
                        <p class="price">
                            ¥19.80
                        </p>
                        <div class="btn">
                            <!--nofollow 告诉爬虫改页面无须追踪-->
                            <a href="javascript:;" rel="nofollow" onclick="">
                                <img src="./img/time_btn01.png">
                            </a>
                        </div>
                    </li>
                    <li>
                        <p class="pic">
                            <a href="http://m.baidu.com">
                                <img src="./img/2.jpg"/>
                            </a>
                        </p>
                        <p class="name">
                            <a href="http://m.benlai.com">兰州袁家湾百合165g(两头)</a>
                        </p>
                        <p class="oldprice">
                            ¥25.80
                        </p>
                        <p class="price">
                            ¥19.80
                        </p>
                        <div class="btn">
                            <a class="no">
                                已抢完
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="time_sku" style="transform:translate3d(0%,0px,0px);">
                <ul>
                    <li>
                        <p class="pic">
                            <a href="http://m.baidu.com">
                                <img src="./img/3.jpg"/>
                            </a>
                        </p>
                        <p class="name">
                            <a href="http://m.benlai.com">兰州袁家湾百合165g(两头)</a>
                        </p>
                        <p class="oldprice">
                            ¥25.80
                        </p>
                        <p class="price">
                            ¥19.80
                        </p>
                        <div class="btn">
                            <!--nofollow 告诉爬虫改页面无须追踪-->
                            <a href="javascript:;" rel="nofollow" onclick="">
                                <img src="./img/time_btn01.png">
                            </a>
                        </div>
                    </li>
                    <li>
                        <p class="pic">
                            <a href="http://m.baidu.com">
                                <img src="./img/4.jpg"/>
                            </a>
                        </p>
                        <p class="name">
                            <a href="http://m.benlai.com">兰州袁家湾百合165g(两头)</a>
                        </p>
                        <p class="oldprice">
                            ¥25.80
                        </p>
                        <p class="price">
                            ¥19.80
                        </p>
                        <div class="btn">
                            <a class="no">
                                已抢完
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/template" id="tmpl_countdown">
    <% $.each(this, function (k, v) { %>
    <% if (v.status == 1) { %>
    <div class="time_start"><em>距开始</em><span>00</span><font>:</font><span>00</span><font>:</font><span>00</span></div>
    <% } else if (v.status == 2) { %>
    <div class="time_end"><em>距结束</em><span>00</span><font>:</font><span>00</span><font>:</font><span>00</span></div>
    <% } else { %>
    <div class="time_ended"><em>本场已结束</em></div>
    <% } %>
    <% }); %>
</script>
<script type="text/template" id="tmpl_ico">
    <% $.each(this, function (k, v) {
    var hour = v.start.getHours();
    var timeString = v.start.toTimeString();
    var startIndex = hour < 9 ? 1 : 0;
    timeString = timeString.substring(startIndex, 5);
    %>
    <div class="ico" data-hour="<% hour %>">
        <img src="./img/hour<% hour %>.png">
        <% if (v.status == 1) { %>
        <p class="ico_start"><font><% timeString %></font>即将开始</p>
        <% } else if (v.status == 2) { %>
        <p class="ico_end"><font><% timeString %></font>秒杀进行中</p>
        <% } else { %>
        <p class="ico_ended"><font><% timeString %></font>已经结束</p>
        <% } %>
    </div>
    <% }); %>
</script>

<script type="text/template" id="tmpl_product_list">
    <% $.each(this, function (k, v) { %>
    <div class="time_sku" id="timeSkuArea" data-sysNo="<% v.sysNo %>">
        <ul>
            <% $.each(v.product, function (index, product) {  %>
            <li>
                <p class="pic">
                    <a href="https://m.benlai.com/bj/product/<% product.productSysNo %>" target="_self">
                        <img tab_lazyload="<% product.productImageLink %>" />
                    </a>
                </p>
                <p class="name"><a href="https://m.benlai.com/bj/product/<% product.productSysNo %>" target="_self"><% product.productName %></a></p>
                <% if (product.productOldPrice) { %>
                <p class="oldprice">¥<% product.productOldPrice.toFixed(2) %></p>
                <% } %>
                <% if (product.productCDPrice >= 0) { %>
                <p class="price">¥<% product.productCDPrice.toFixed(2) %></p>
                <% } else { %>
                <p class="price">¥<% product.productCurrentPrice.toFixed(2) %></p>
                <% } %>
                <div class="btn">
                    <% if (v.status == 2 && (product.status == 0||product.status == 3)) { %>
                    <a href="javascript:;" rel="nofollow" onclick="addProductToCart(<% product.productSysNo %>, 0, 3)"><img src="//image.benlailife.com/images/common/app/seckill/time_btn01.png" /></a>
                    <% } else if(v.status == 1) { %>
                    <a class="no">即将开始</a>
                    <% } else if(product.status == 2) { %>
                    <a class="no">无法送达</a>
                    <% } else if(product.status == 4) { %>
                    <a class="no">已下架</a>
                    <% } else { %>
                    <a class="no">已抢完</a>
                    <% } %>
                </div>
            </li>
            <% }); %>
        </ul>
    </div>
    <% }); %>
</script>



<script src="zepto.min.js"></script>
<script src="index.js"></script>
</body>
</html>